* { margin:0; padding:0; position: relative;}
#fixedBox {
    position: fixed;
    top: 50px;
    left: -780px;
    width: 800px;
    height: 1000px;
    /* font-size: 40px; */
    overflow: auto;
    background: #fff;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
    border-right: 1px #bbb solid;
    z-index: 99;
}
#fixedBox:hover {
    transform:translate(780px,0);
    -webkit-transform:translate(780,0);
    -moz-transform:translate(780,0);
    -o-transform:translate(780,0);
    -ms-transform:translate(780,0);
}

#content { z-index: 0; position: relative;}